<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1.0, user-scalable=no" />	
		<title>“组团啦”杯全国大学生英雄联盟比赛</title>
		<link rel="stylesheet" href="__PUBLIC__/css/animate.css" />
		<link rel="stylesheet" href="__PUBLIC__/css/reset.css" />
		<link rel="stylesheet" href="__PUBLIC__/css/public.css" />
		<style type="text/css">
			html,body{height: 100%;}
			body{background: url(__PUBLIC__/img/12/bg1.jpg);background-size: cover;background-position: center;}
		</style>
	</head>
	<body>
		<div id="one-wrapper" class="animated fadeInUp">
			<div class="holder" id="holder"><img src="__PUBLIC__/img/12/holder.png" alt="" width="100%"/></div>
			<form action="" name="team" id="tt" method="post">
				<input type="text" id="team-i" name="corpsname" value=""/>
				<span onclick="mySubmit()" class="btn-sign" id="btn-sign"></span>
			</form>
		</div>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<script src="__PUBLIC__/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var btn_sign=document.getElementById("btn-sign"),
				team_i=document.getElementById("team-i"),
				one_wrapper=document.getElementById("one-wrapper"),
				w=window.innerWidth,
				h=window.innerHeight,
				w_h;
			w_h=w*1.502;
			one_wrapper.style.height=w_h+"px";
			one_wrapper.style.top=(h-w_h)+"px";
			//表单提交
			function mySubmit() {
				if (!team_i.value) {
					alert("请填写战队名");
					team_i.focus();
				}
				else {
					$("#tt").submit();
					//window.location.href="Information.html";
				}
			}
			$(team_i).focus(function(){
				$("#holder").hide();
			}).blur(function(){
				if(!team_i.value){
					$("#holder").show();					
				}
			})
			setTimeout(function(){
				setInterval(function(){
					btn_sign.style.backgroundPosition="left 97%";
				},1000)
			},500)
			setInterval(function(){
				btn_sign.style.backgroundPosition="left top";
			},1000)

			function share () {
				var option = {
					title: 'LOL烽烟燃起！这是一场专属于大学生的战役！报名正式开始！', // 分享标题
					desc: '点燃英雄荣耀！英雄梦永不落幕！少年英雄，来！战个痛快！', // 分享描述
					link: "http://lol.xuanzhen-tech.com?channel={$_GET['channel']}", // 分享链接
					imgUrl: 'http://lol.xuanzhen-tech.com/Public/img/logo.png', // 分享图标
				};
				wx.onMenuShareTimeline(option);
				wx.onMenuShareAppMessage(option);
				wx.onMenuShareWeibo(option);
				wx.onMenuShareQQ(option);
				wx.onMenuShareQZone(option);
			}
			$(function(){
				wx.ready(share);
				var wxData = {$js};
				wx.config(wxData);
			})

		</script>
	</body>
</html>
